<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<style>
.bs-glyphicons {
	margin: 5px;
	overflow: hidden;
}

.bs-glyphicons-list {
	padding-left: 0;
	list-style: none;
}

.bs-glyphicons li {
	cursor:pointer;
	float: left;
	width: 10%;
	height: 50px;
	padding: 10px;
	font-size: 25px;
	line-height: 1.4;
	text-align: center;
	background-color: #f9f9f9;
	border: 1px solid #fff;
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #563d7c;
}

.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}
</style>
<body>
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
		<h4 class="modal-title" id="myModalLabel">选择图标</h4>
	</div>
	<div class="modal-body">

		<div class="bs-glyphicons">
			<ul class="bs-glyphicons-list">

				<li data="asterisk"><span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span></li>

				<li data="plus"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
					</li>

				<li data="euro"><span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
					</li>

				<li data="eur"><span class="glyphicon glyphicon-eur" aria-hidden="true"></span>
					</li>

				<li data="minus"><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
					</li>

				<li data="cloud"><span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
					</li>

				<li data="envelope"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> </li>

				<li data="pencil"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
					</li>

				<li data="glass"><span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
					</li>

				<li data="music"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>
					</li>

				<li data="search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>
					</li>

				<li data="heart"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
					</li>

				<li data="star"><span class="glyphicon glyphicon-star" aria-hidden="true"></span>
					</li>

				<li data="star-empty"><span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span> </li>

				<li data="user"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
					</li>

				<li data="film"><span class="glyphicon glyphicon-film" aria-hidden="true"></span>
					</li>

				<li data="th-large"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span></li>

				<li data="th"><span class="glyphicon glyphicon-th" aria-hidden="true"></span>
					</li>

				<li data="th-list"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> </li>

				<li data="ok"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
					</li>

				<li data="remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
					</li>

				<li data="zoom-in"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span> </li>

				<li data="zoom-out"><span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span> </li>

				<li data="off"><span class="glyphicon glyphicon-off" aria-hidden="true"></span>
					</li>

				<li data="signal"><span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
					</li>

				<li data="cog"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
					</li>

				<li data="trash"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
					</li>

				<li data="home"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>
					</li>

				<li data="file"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>
					</li>

				<li data="time"><span class="glyphicon glyphicon-time" aria-hidden="true"></span>
					</li>

				<li data="road"><span class="glyphicon glyphicon-road" aria-hidden="true"></span>
					</li>

				<li data="download-alt"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> </li>

				<li data="download"><span class="glyphicon glyphicon-download" aria-hidden="true"></span> </li>

				<li data="upload"><span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
					</li>

				<li data="inbox"><span class="glyphicon glyphicon-inbox" aria-hidden="true"></span>
					</li>

				<li data="play-circle"><span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span> </li>

				<li data="repeat"><span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
					</li>

				<li data="refresh"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> </li>

				<li data="list-alt"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> </li>

				<li data="lock"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
					</li>

				<li data="flag"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
					</li>

				<li data="headphones"><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span> </li>

				<li data="volume-off"><span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span> </li>

				<li data="volume-down"><span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span> </li>

				<li data="volume-up"><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span> </li>

				<li data="qrcode"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
					</li>

				<li data="barcode"><span class="glyphicon glyphicon-barcode" aria-hidden="true"></span> </li>

				<li data="tag"><span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
					</li>

				<li data="tags"><span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
					</li>

				<li data="book"><span class="glyphicon glyphicon-book" aria-hidden="true"></span>
					</li>

				<li data="bookmark"><span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span> </li>

				<li data="print"><span class="glyphicon glyphicon-print" aria-hidden="true"></span>
					</li>

				<li data="camera"><span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
					</li>

				<li data="font"><span class="glyphicon glyphicon-font" aria-hidden="true"></span>
					</li>

				<li data="bold"><span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
					</li>

				<li data="italic"><span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
					</li>

				<li data="text-height"><span class="glyphicon glyphicon-text-height" aria-hidden="true"></span> </li>

				<li data="text-width"><span class="glyphicon glyphicon-text-width" aria-hidden="true"></span> </li>

				<li data="align-left"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span> </li>

				<li data="align-center"><span class="glyphicon glyphicon-align-center" aria-hidden="true"></span> </li>

				<li data="align-right"><span class="glyphicon glyphicon-align-right" aria-hidden="true"></span> </li>

				<li data="align-justify"><span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span> </li>

				<li data="list"><span class="glyphicon glyphicon-list" aria-hidden="true"></span>
					</li>

				<li data="indent-left"><span class="glyphicon glyphicon-indent-left" aria-hidden="true"></span> </li>

				<li data="indent-right"><span class="glyphicon glyphicon-indent-right" aria-hidden="true"></span> </li>

				<li data="facetime-video"><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span> </li>

				<li data="picture"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span> </li>

				<li data="map-marker"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> </li>

				<li data="adjust"><span class="glyphicon glyphicon-adjust" aria-hidden="true"></span>
					</li>

				<li data="tint"><span class="glyphicon glyphicon-tint" aria-hidden="true"></span>
					</li>

				<li data="edit"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
					</li>

				<li data="share"><span class="glyphicon glyphicon-share" aria-hidden="true"></span>
					</li>

				<li data="check"><span class="glyphicon glyphicon-check" aria-hidden="true"></span>
					</li>

				<li data="move"><span class="glyphicon glyphicon-move" aria-hidden="true"></span>
					</li>

				<li data="step-backward"><span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span> </li>

				<li data="fast-backward"><span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span> </li>

				<li data="backward"><span class="glyphicon glyphicon-backward" aria-hidden="true"></span> </li>

				<li data="play"><span class="glyphicon glyphicon-play" aria-hidden="true"></span>
					</li>

				<li data="pause"><span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
					</li>

				<li data="stop"><span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
					</li>

				<li data="forward"><span class="glyphicon glyphicon-forward" aria-hidden="true"></span> </li>

				<li data="fast-forward"><span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span> </li>

				<li data="step-forward"><span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span> </li>

				<li data="eject"><span class="glyphicon glyphicon-eject" aria-hidden="true"></span>
					</li>

				<li data="chevron-left"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> </li>

				<li data="chevron-right"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </li>

				<li data="plus-sign"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> </li>

				<li data="minus-sign"><span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span> </li>

				<li data="remove-sign"><span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span> </li>

				<li data="ok-sign"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> </li>

				<li data="question-sign"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> </li>

				<li data="info-sign"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> </li>

				<li data="screenshot"><span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span> </li>

				<li data="remove-circle"><span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span> </li>

				<li data="ok-circle"><span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span> </li>

				<li data="ban-circle"><span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span> </li>

				<li data="arrow-left"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> </li>

				<li data="arrow-right"><span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span> </li>

				<li data="arrow-up"><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span> </li>

				<li data="arrow-down"><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span> </li>

				<li data="share-alt"><span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span> </li>

				<li data="resize-full"><span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span> </li>

				<li data="resize-small"><span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span> </li>

				<li data="exclamation-sign"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> </li>

				<li data="gift"><span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
					</li>

				<li data="leaf"><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
					</li>

				<li data="fire"><span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
					</li>

				<li data="eye-open"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> </li>

				<li data="eye-close"><span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> </li>

				<li data="warning-sign"><span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span> </li>

				<li data="plane"><span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
					</li>

				<li data="calendar"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> </li>

				<li data="random"><span class="glyphicon glyphicon-random" aria-hidden="true"></span>
					</li>

				<li data="comment"><span class="glyphicon glyphicon-comment" aria-hidden="true"></span> </li>

				<li data="magnet"><span class="glyphicon glyphicon-magnet" aria-hidden="true"></span>
					</li>

				<li data="chevron-up"><span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span> </li>

				<li data="chevron-down"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span> </li>

				<li data="retweet"><span class="glyphicon glyphicon-retweet" aria-hidden="true"></span> </li>

				<li data="shopping-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> </li>

				<li data="folder-close"><span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span> </li>

				<li data="folder-open"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> </li>

				<li data="resize-vertical"><span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span> </li>

				<li data="resize-horizontal"><span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span> </li>

				<li data="hdd"><span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
					</li>

				<li data="bullhorn"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> </li>

				<li data="bell"><span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
					</li>

				<li data="certificate"><span class="glyphicon glyphicon-certificate" aria-hidden="true"></span> </li>

				<li data="thumbs-up"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> </li>

				<li data="thumbs-down"><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span> </li>

				<li data="hand-right"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span> </li>

				<li data="hand-left"><span class="glyphicon glyphicon-hand-left" aria-hidden="true"></span> </li>

				<li data="hand-up"><span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span> </li>

				<li data="hand-down"><span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span> </li>

				<li data="circle-arrow-right"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span> </li>

				<li data="circle-arrow-left"><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span> </li>

				<li data="circle-arrow-up"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span> </li>

				<li data="circle-arrow-down"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span> </li>

				<li data="globe"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
					</li>

				<li data="wrench"><span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
					</li>

				<li data="tasks"><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
					</li>

				<li data="filter"><span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
					</li>

				<li data="briefcase"><span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> </li>

				<li data="fullscreen"><span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> </li>

				<li data="dashboard"><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span> </li>

				<li data="paperclip"><span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span> </li>

				<li data="heart-empty"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span> </li>

				<li data="link"><span class="glyphicon glyphicon-link" aria-hidden="true"></span>
					</li>

				<li data="phone"><span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
					</li>

				<li data="pushpin"><span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span> </li>

				<li data="usd"><span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
					</li>

				<li data="gbp"><span class="glyphicon glyphicon-gbp" aria-hidden="true"></span>
					</li>

				<li data="sort"><span class="glyphicon glyphicon-sort" aria-hidden="true"></span>
					</li>

				<li data="sort-by-alphabet"><span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden="true"></span> </li>

				<li data="sort-by-alphabet-alt"><span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span> </li>

				<li data="sort-by-order"><span class="glyphicon glyphicon-sort-by-order" aria-hidden="true"></span> </li>

				<li data="sort-by-order-alt"><span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span> </li>

				<li data="sort-by-attributes"><span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span> </li>

				<li data="sort-by-attributes-alt"><span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true"></span> </li>

				<li data="unchecked"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span> </li>

				<li data="expand"><span class="glyphicon glyphicon-expand" aria-hidden="true"></span>
					</li>

				<li data="collapse-down"><span class="glyphicon glyphicon-collapse-down" aria-hidden="true"></span> </li>

				<li data="collapse-up"><span class="glyphicon glyphicon-collapse-up" aria-hidden="true"></span> </li>

				<li data="log-in"><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
					</li>

				<li data="flash"><span class="glyphicon glyphicon-flash" aria-hidden="true"></span>
					</li>

				<li data="log-out"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> </li>

				<li data="new-window"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span> </li>

				<li data="record"><span class="glyphicon glyphicon-record" aria-hidden="true"></span>
					</li>

				<li data="save"><span class="glyphicon glyphicon-save" aria-hidden="true"></span>
					</li>

				<li data="open"><span class="glyphicon glyphicon-open" aria-hidden="true"></span>
					</li>

				<li data="saved"><span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
					</li>

				<li data="import"><span class="glyphicon glyphicon-import" aria-hidden="true"></span>
					</li>

				<li data="export"><span class="glyphicon glyphicon-export" aria-hidden="true"></span>
					</li>

				<li data="send"><span class="glyphicon glyphicon-send" aria-hidden="true"></span>
					</li>

				<li data="floppy-disk"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> </li>

				<li data="floppy-saved"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span> </li>

				<li data="floppy-remove"><span class="glyphicon glyphicon-floppy-remove" aria-hidden="true"></span> </li>

				<li data="floppy-save"><span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span> </li>

				<li data="floppy-open"><span class="glyphicon glyphicon-floppy-open" aria-hidden="true"></span> </li>

				<li data="credit-card"><span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span> </li>

				<li data="transfer"><span class="glyphicon glyphicon-transfer" aria-hidden="true"></span> </li>

				<li data="cutlery"><span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span> </li>

				<li data="header"><span class="glyphicon glyphicon-header" aria-hidden="true"></span>
					</li>

				<li data="compressed"><span class="glyphicon glyphicon-compressed" aria-hidden="true"></span> </li>

				<li data="earphone"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> </li>

				<li data="phone-alt"><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span> </li>

				<li data="tower"><span class="glyphicon glyphicon-tower" aria-hidden="true"></span>
					</li>

				<li data="stats"><span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
					</li>

				<li data="sd-video"><span class="glyphicon glyphicon-sd-video" aria-hidden="true"></span> </li>

				<li data="hd-video"><span class="glyphicon glyphicon-hd-video" aria-hidden="true"></span> </li>

				<li data="subtitles"><span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span> </li>

				<li data="sound-stereo"><span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span> </li>

				<li data="sound-dolby"><span class="glyphicon glyphicon-sound-dolby" aria-hidden="true"></span> </li>

				<li data="sound-5-1"><span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span> </li>

				<li data="sound-6-1"><span class="glyphicon glyphicon-sound-6-1" aria-hidden="true"></span> </li>

				<li data="sound-7-1"><span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span> </li>

				<li data="copyright-mark"><span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span> </li>

				<li data="registration-mark"><span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span> </li>

				<li data="cloud-download"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> </li>

				<li data="cloud-upload"><span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span> </li>

				<li data="tree-conifer"><span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span> </li>

				<li data="tree-deciduous"><span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span> </li>

				<li data="cd"><span class="glyphicon glyphicon-cd" aria-hidden="true"></span>
					</li>

				<li data="save-file"><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span> </li>

				<li data="open-file"><span class="glyphicon glyphicon-open-file" aria-hidden="true"></span> </li>

				<li data="level-up"><span class="glyphicon glyphicon-level-up" aria-hidden="true"></span> </li>

				<li data="copy"><span class="glyphicon glyphicon-copy" aria-hidden="true"></span>
					</li>

				<li data="paste"><span class="glyphicon glyphicon-paste" aria-hidden="true"></span>
					</li>

				<li data="alert"><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>
					</li>

				<li data="equalizer"><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span> </li>

				<li data="king"><span class="glyphicon glyphicon-king" aria-hidden="true"></span>
					</li>

				<li data="queen"><span class="glyphicon glyphicon-queen" aria-hidden="true"></span>
					</li>

				<li data="pawn"><span class="glyphicon glyphicon-pawn" aria-hidden="true"></span>
					</li>

				<li data="bishop"><span class="glyphicon glyphicon-bishop" aria-hidden="true"></span>
					</li>

				<li data="knight"><span class="glyphicon glyphicon-knight" aria-hidden="true"></span>
					</li>

				<li data="baby-formula"><span class="glyphicon glyphicon-baby-formula" aria-hidden="true"></span> </li>

				<li data="tent"><span class="glyphicon glyphicon-tent" aria-hidden="true"></span>
					</li>

				<li data="blackboard"><span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span> </li>

				<li data="bed"><span class="glyphicon glyphicon-bed" aria-hidden="true"></span>
					</li>

				<li data="apple"><span class="glyphicon glyphicon-apple" aria-hidden="true"></span>
					</li>

				<li data="erase"><span class="glyphicon glyphicon-erase" aria-hidden="true"></span>
					</li>

				<li data="hourglass"><span class="glyphicon glyphicon-hourglass" aria-hidden="true"></span> </li>

				<li data="lamp"><span class="glyphicon glyphicon-lamp" aria-hidden="true"></span>
					</li>

				<li data="duplicate"><span class="glyphicon glyphicon-duplicate" aria-hidden="true"></span> </li>

				<li data="piggy-bank"><span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span> </li>

				<li data="scissors"><span class="glyphicon glyphicon-scissors" aria-hidden="true"></span> </li>

				<li data="bitcoin"><span class="glyphicon glyphicon-bitcoin" aria-hidden="true"></span> </li>

				<li data="btc"><span class="glyphicon glyphicon-btc" aria-hidden="true"></span>
					</li>

				<li data="xbt"><span class="glyphicon glyphicon-xbt" aria-hidden="true"></span>
					</li>

				<li data="yen"><span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
					</li>

				<li data="jpy"><span class="glyphicon glyphicon-jpy" aria-hidden="true"></span>
					</li>

				<li data="ruble"><span class="glyphicon glyphicon-ruble" aria-hidden="true"></span>
					</li>

				<li data="rub"><span class="glyphicon glyphicon-rub" aria-hidden="true"></span>
					</li>

				<li data="scale"><span class="glyphicon glyphicon-scale" aria-hidden="true"></span>
					</li>

				<li data="ice-lolly"><span class="glyphicon glyphicon-ice-lolly" aria-hidden="true"></span> </li>

				<li data="ice-lolly-tasted"><span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden="true"></span> </li>

				<li data="education"><span class="glyphicon glyphicon-education" aria-hidden="true"></span> </li>

				<li data="option-horizontal"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span> </li>

				<li data="option-vertical"><span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span> </li>

				<li data="menu-hamburger"><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> </li>

				<li data="modal-window"><span class="glyphicon glyphicon-modal-window" aria-hidden="true"></span> </li>

				<li data="oil"><span class="glyphicon glyphicon-oil" aria-hidden="true"></span>
					</li>

				<li data="grain"><span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
					</li>

				<li data="sunglasses"><span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span> </li>

				<li data="text-size"><span class="glyphicon glyphicon-text-size" aria-hidden="true"></span> </li>

				<li data="text-color"><span class="glyphicon glyphicon-text-color" aria-hidden="true"></span> </li>

				<li data="text-background"><span class="glyphicon glyphicon-text-background" aria-hidden="true"></span> </li>

				<li data="object-align-top"><span class="glyphicon glyphicon-object-align-top" aria-hidden="true"></span> </li>

				<li data="object-align-bottom"><span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span> </li>

				<li data="object-align-horizontal"><span class="glyphicon glyphicon-object-align-horizontal" aria-hidden="true"></span> </li>

				<li data="object-align-left"><span class="glyphicon glyphicon-object-align-left" aria-hidden="true"></span> </li>

				<li data="object-align-vertical"><span class="glyphicon glyphicon-object-align-vertical" aria-hidden="true"></span> </li>

				<li data="object-align-right"><span class="glyphicon glyphicon-object-align-right" aria-hidden="true"></span> </li>

				<li data="triangle-right"><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span> </li>

				<li data="triangle-left"><span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span> </li>

				<li data="triangle-bottom"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span> </li>

				<li data="triangle-top"><span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span> </li>

				<li data="console"><span class="glyphicon glyphicon-console" aria-hidden="true"></span> </li>

				<li data="superscript"><span class="glyphicon glyphicon-superscript" aria-hidden="true"></span> </li>

				<li data="subscript"><span class="glyphicon glyphicon-subscript" aria-hidden="true"></span> </li>

				<li data="menu-left"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> </li>

				<li data="menu-right"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> </li>

				<li data="menu-down"><span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span> </li>

				<li data="menu-up"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span> </li>

			</ul>
		</div>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	</div>
	
	<script type="text/javascript">
	$(".bs-glyphicons-list li").click(function(){
		var iconName = $(this).attr("data");
		$("#iconName").val(iconName);
		$("#iconShow").html('<span class="glyphicon glyphicon-'+iconName+'" aria-hidden="true"></span><span>glyphicon-'+iconName+'</span>');
		$('#myModal').modal('hide');
	});
	/* var list = $(".bs-glyphicons-list .glyphicon");
	alert(list.length);
	for(var i=0;i<list.length;i++){
		var that = list[i];
		$($(that).parent()).attr("data",$(that).attr("class").replace("glyphicon glyphicon-",""))
	} */
	//$("#bs-glyphicons-list .glyphicon").attr("class")$("#bs-glyphicons-list .glyphicon").attr("class").replace("glyphicon ","");
	</script>
</body>
</html>